﻿          
@{
    ViewBag.Title = "Quản lý hỗ trợ";
    Layout = "~/Views/Shared/_Layout.Management.cshtml";
}

<h2 class="app">
	<strong>Express - Quản lý hỗ trợ</strong>
</h2>
<div class="title">
    <span class="right-btns">
        <a href="/Management/SupportOnlineList/Add">Thêm mới &raquo;</a>
    </span>
    <h3>Xem danh mục</h3>
</div>
<span class="paging">
    <span class="pageleft">
        <span class="total" data-bind='text: PageText'></span>
        <span class="show">Hiển thị <input type="text" class="text" data-bind="value: PageSize" onkeypress="return isNumberKey(event)" /> trên trang</span>
    </span>
    <span class="pages">Trang <input type="text" class="text" data-bind="value: CurrentPageIndex" onkeypress="return isNumberKey(event)" /> của <span data-bind="text: maxPageIndex"></span>
    <a href="##" class="btn btn-prev-arrow" data-bind="click: PrevButton, attr: {'class': PrevButtonClass}"></a>                            
    <a href="##" class="btn btn-next-arrow" data-bind="click: NextButton, attr: {'class': NextButtonClass}"></a>
    </span>
</span>
<table class="tablegrid" cellspacing="0" border="0">
    <thead>
        <tr class="title">        
		    <th>
                <span class="w">
                    <a href="#" data-bind='click: function(event) { SetOrder(event, "Title")}'>Tiêu đề</a>
                    <div class="sort_wrapper" id="Title">  
                        <span class="grid_order ui_icon"></span>
                    </div>               
                </span>
            </th>
		    <th>
                <span class="w">
                    <a href="#" data-bind='click: function(event) { SetOrder(event, "Description")}'>Mô tả</a>
                    <div class="sort_wrapper" id="Description">  
                        <span class="grid_order ui_icon"></span>
                    </div>               
                </span>
            </th>
		    <th>
                <span class="w">
                    <a href="#" data-bind='click: function(event) { SetOrder(event, "Skype")}'>Skype Name</a>
                    <div class="sort_wrapper" id="Skype">  
                        <span class="grid_order ui_icon"></span>
                    </div>               
                </span>
            </th>
		    <th>
                <span class="w">Yahoo Name</span>
            </th>
		    <th>
                <span class="w">Phone</span>
            </th>
            <th class="active centeralign">
                <span class="w">
                    Kích hoạt               
                </span>
            </th>
		    <th class="last centeralign"><span class="w">Xóa</span></th>
        </tr>
    </thead>
    <tbody data-bind="foreach: ItemsOnPage">
        <tr class="line" data-bind="attr: {'class': Active? 'line new': 'line'}">
		    <td>
                <span class="w" style="font-weight:bold">
                    <a data-bind='text: SupportTitle, attr: {href: "/Management/SupportOnlineList/Edit/" + ID}'>Edit</a>
                </span>
            </td>
		    <td><span class="w" data-bind='text: Description'></span></td>
            <td><span class="w" data-bind="text: SkypeName"></span></td>
            <td><span class="w" data-bind="text: YahooName"></span></td>
            <td><span class="w" data-bind="text: Phone"></span></td>
            <td class="active centeralign">
                <span class="w">
                    <input type="checkbox" name="active" disabled="disabled" data-bind="checked: Active" />
                </span>
            </td>
		    <td class="last centeralign">
                <span class="w">
                    <a class="btn btn-x delete" data-bind='attr: {href: "#cfmDelete", id: "archivetype" + ID, rel: Title, onclick: "DeleteDialog(" + ID + ")"}'>Delete</a>
                </span>
            </td>
	    </tr>
    </tbody>
</table>

@Html.Partial("_PopupConfirmDeleted")
<script type="text/javascript">
    var data = @(Html.Raw(Json.Encode(Model)));
</script>
<script src="/Scripts/ViewModel/supportgrid.js" type="text/javascript"></script>

